// Place all the styles related to the Home controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }

td {
  vertical-align:top;
  border: 1px dotted #666;
}

table {
  border-collapse: collapse;
  border-radius: 1em;
  margin: 0.5em;
}

th {
  padding: 0.5em;
  min-width: 1em;
}

table caption {
    min-width: 10em;
}

body {
}

table caption {
  font-weight: bolder;
  padding: 0.5em;
  background-color: white;
//  cursor: pointer;
}

.cage_content.closed {
  display: none;
}

.close_button {
  float: right;
  margin-top: 0.2em;
  margin-right: 0.2em;
  background-color: #ccc;
  border: 3px solid #666;
  border-radius: 5px;
}

.close_button:hover {
  background-color: #aaa;
}

.links {
  background-color: #ccf;
  opacity: 0.8;
  float: right;
  padding: 1em;
  clear: both;
}

body.day {
  background-image: url("http://1.bp.blogspot.com/-Lhpx9u6ffog/TfKLo_Oxe8I/AAAAAAAAASw/k_zCBzRw-mY/s1600/Sun.jpg");
  background-color: #fdd;
}

body.night {
  background-color: #33f;
  background-image: url("http://spaceopedia.com/wp-content/uploads/2011/07/full-moon.jpg");
}

body.day #map_canvas {
  opacity: 0.85;
}

body.night #map_canvas {
  opacity: 0.85;
}
